<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" href="css/apuestapp.css" type="text/css" />
	<link rel="stylesheet" href="css/calendar.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/util.js"></script>
	<script type="text/javascript" src="js/calendar.js"></script>
	<title><c:out value="apuestapp!" /></title>
																																
	<script type="text/javascript">
	
		function verevento(js){
			$(".panelmensajes").css("display", "block");
			document.getElementById("contentpanelmensajes").innerHTML = gettextfromurl(new getXMLObject(), "include/detalleapuesta.jsp");
			document.getElementById("det_ap_titulo").innerHTML=js.evento.equipoLocal.nombre_equipo+" vs "+js.evento.equipoVisitante.nombre_equipo;
			document.getElementById("det_ap_descripcion").innerHTML=js.evento.descripcion_evento;
			document.getElementById("det_ap_fecha_ev").innerHTML=js.evento.fecha_evento;
			document.getElementById("det_ap_fecha_ap").innerHTML=js.fecha_apuesta;
			document.getElementById("det_ap_monto").innerHTML=js.evento.apuesta_evento;
			document.getElementById("det_ap_monto").innerHTML=js.evento.apuesta_evento;
			
			var res = gettextfromurl(new getXMLObject(), "apuesta?action=5&id_usuario="+js.id_usuario+"&id_evento="+js.id_evento);
			var resultado = JSON.parse(res);
			var r = 0;
			for(var i=0; i<resultado.length; i++){
				if(resultado[i].cantidadGanada>0){
					r+=resultado[i].cantidadGanada;
				}else if(resultado.cantidadperdida>0){
					r-=resultado[i].cantidadperdida;
				}
			}
			if(r>0){
				document.getElementById("det_ap_resultado").innerHTML="<label style=\"color:green\">"+r+"</label>";
			}else{
				document.getElementById("det_ap_resultado").innerHTML="<label style=\"color:red\">"+r+"</label>";
			}
			
			
		}
		
		function cerrarpanel(){
			$(".panelmensajes").css("display", "none");
		}
		
		function datetimepicker(){
			new JsDatePick({
				useMode:2,
				target:"fecha_desde",
				dateFormat:"%Y/%M/%d",
				imgPath:"../images/calendar/"
			});
			new JsDatePick({
				useMode:2,
				target:"fecha_hasta",
				dateFormat:"%Y/%M/%d",
				imgPath:"../images/calendar/"
			});
		}
		
	</script>
</head>
<body onload="cargarEventos();datetimepicker();verMyInfo()">

	<div id="panelmensajes" class="panelmensajes">
		<div id="contentpanelmensajes" class="contentpanelmensajes">
		
		</div>
	</div>

	<div id="contenedorprinipal">
		<div class="logoweb">Apuestapp!</div>
		<div id="contenedorapuestapp">
			<div id="myinfo">
				<div class="titledivleft">Mi info</div>
				<div class="contentdivleft">
					<%
						//Interfaz de Info de Usuario Logeado
					%>
					<c:if test="${sessionScope.id != null}">
						<jsp:include page="include/forminfo.jsp" />
					</c:if>
					<%
						//Formulario de Inicio de Sesion
					%>
					<c:if test="${sessionScope.id == null}">
						<jsp:include page="include/formlogin.jsp" />
					</c:if>
					<%
						//Formulario de Registro
					%>
					<!--<jsp:include page="include/formregister.jsp" />-->

				</div>
			</div>

			<c:if test="${sessionScope.id != null}">
				<div id="myhistory">
					<div class="titledivleft">Mi Historial</div>
					<div class="contentdivleft">
						<table>
							<thead>
								<tr>
									<th>Evento</th>
									<th>Status</th>
									<th>S/.</th>
									<th></th>
								</tr>
							</thead>
							<tbody id="tb_myhistory">
								<tr>
									<td>U vs REAL MADRID</td>
									<td>PROXIMO</td>
									<td class="perdiocredito"></td>
									<td><a href="javascript:void(0)" onclick="verevento()">Ver</a></td>
								</tr>
								<tr>
									<td>U vs AL</td>
									<td>EN CURSO</td>
									<td class="perdiocredito"></td>
									<td><a href="javascript:void(0)" onclick="verevento()">Ver</a></td>
								</tr>
								<tr>
									<td>CRISTAL vs CIENCIANO</td>
									<td>TERMINADO</td>
									<td class="ganocredito">S/. 5.00</td>
									<td><a href="javascript:void(0)" onclick="verevento()">Ver</a></td>
								</tr>
								<tr>
									<td>U vs AL</td>
									<td>EN CURSO</td>
									<td class="perdiocredito">S/. 5.00</td>
									<td><a href="javascript:void(0)" onclick="verevento()">Ver</a></td>
								</tr>
							</tbody>
	
						</table>
					</div>	
				</div> 
			</c:if>
			

			<div id="eventos">
				<div class="titledivleft">
					EVENTOS
					<div id="filtros" style="position: inline-block">
						<span>Desde: </span>
						<input id="fecha_desde" type="text" size="12">
						
						<span>Hasta: </span>
						<input id="fecha_hasta" type="text" size="12">
						<br>
						<span>Disciplina: </span>
						<select id="cbo_disciplina">
							<option value="futbol">Futbol</option>
						</select>
						<button onclick="cargarEventos()">buscar</button>
					</div>
				</div>
				
				<div class="contentdivleft">
					<div class="detalleevento">
						<div class="tituloevento">U VS BARCELONA (FUTBOL)</div>
						<div>
							<span class="masdetalles">Blablablablablablabla</span>
						</div>
						<div>
							<span class="masdetalles">Fecha: </span><span>00/00/0000</span>
						</div>
						<div>
							<span class="masdetalles">Apuesta: </span><span>S/. 5.00</span>
						</div>
						<div>
							<span class="masdetalles">Van a U: </span><span>555555</span>
						</div>
						<div>
							<span class="masdetalles">Van a Real Madrid: </span><span>1</span>
						</div>
						<div>
							<span class="masdetalles">Pozo actual</span><span>S/.
								5555555.00</span>
						</div>
						<div class="apostar">
							<a href="javascript:void(0)" onclick="verevento()">Apostar S/. 5.00</a>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

</body>
</html>